<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/delital.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
</head>

<body>
    <div class="warp">
        <div class="warp-top">
            <div class="wrap-topImg">
                <img src="../img/logo.jpg" alt="">
            </div>
            <p class="adress">六安&nbsp;<span>▼</span></p>
            <div class="wrap-list">
                <ul>
                    <li>首页</li>
                    <li>电影</li>
                    <li>影院</li>
                    <li>演出</li>
                    <li>榜单</li>
                    <li>热点</li>
                    <li>商城</li>
                </ul>
            </div>
        </div>
        <div class="warp-banner">
            <div class="banner">
                 <div class="banner-xin">
                    <!--<div class="banner-pic">
                        <img src="../img/速度与激情.jpg" style="height: 100%;" alt="">
                    </div>
                    <div class="banner-title">
                        <ul>
                            <li>
                                <h1>速度与激情9</h1>
                            </li>
                            <li>
                                <h3>F9: The Fast Saga</h3>
                            </li>
                            <li><span>动作 犯罪 冒险</span></li>
                            <li><span>美国 / 142分钟</span></li>
                            <li><span>2021-05-21中国大陆上映</span></li>
                        </ul>
                        <div class="banner-btn">
                            <div class="btnn">
                                <p>❤ 想看</p>
                                <p>⭐ 评分</p>
                            </div>
                            <div class="btn">特惠购票</div>
                        </div>
                        <div class="banner-pingfen">
                            <p>猫眼口碑</p>
                            <p class="banner-pingfen-p">7.6</p>
                            <p class="banner-pingfen-p1">⭐⭐⭐⭐</p>
                        </div>
                    </div>-->

                </div> 
            </div>
        </div>
        <div class="tab-wrap">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                        data-toggle="tab">介绍</a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab"
                        data-toggle="tab">演职人员</a></li>
                <li role="presentation"><a href="#messages" aria-controls="messages" role="tab"
                        data-toggle="tab">奖项</a></li>
                <li role="presentation"><a href="#settings" aria-controls="settings" role="tab"
                        data-toggle="tab">图集</a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <div class="move-stroy">
                        <p class="synopsis">剧情简介</p>
                        <p>范·迪塞尔饰演的唐老大多姆·托莱多，与莱蒂和他的儿子小布莱恩，过上了远离纷扰的平静生活。然而他们也知道，安宁之下总潜藏着危机。这一次，为了保护他所爱的人，唐老大不得不直面过去。他和伙伴们面临的是一场足以引起世界动荡的阴谋，以及一个前所未遇的一流杀手和高能车手。而这个名叫雅各布（约翰·塞纳饰）的人，恰巧是多姆遗落在外的亲弟弟。</p>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="profile">
                    <div class="director">
                        <p class="director-p1">导演</p>
                        <img src="https://p0.meituan.net/moviemachine/c2ed85bb4ae60329093345e97fdf3f0f43112.jpg@128w_170h_1e_1c" alt="">
                        <p class="director-p2">林诣彬</p>
                    </div>
                    <p class="actor-p">主演</p>
                    <div class="actor">
                        <div class="actor-Img">
                            <img src="https://p0.meituan.net/movie/79ef14565960d0ed9d352ca483edd7bd42454.jpg@128w_170h_1e_1c" alt="">
                            <p class="actor-pn">范·迪塞尔</p>
                        </div>
                        <div class="actor-Img">
                            <img src="https://p0.meituan.net/moviemachine/6ff398a4a8d62631b551f2d1cb489e99185058.jpg@128w_170h_1e_1c" alt="">
                            <p class="actor-pn">米歇尔·罗德里格兹</p>
                        </div>
                        <div class="actor-Img">
                            <img src="https://p0.meituan.net/movie/db6c1f8d667cc0018c43042499b8dfc143451.jpg@128w_170h_1e_1c" alt="">
                            <p class="actor-pn">泰瑞斯·吉布森</p>
                        </div>
                        <div class="actor-Img">
                            <img src="https://p0.meituan.net/movie/05a05cc868ba85d22cc9c01e38aed778156142.jpg@128w_170h_1e_1c" alt="">
                            <p class="actor-pn">卢达·克里斯</p>
                        </div>
                        <div class="actor-Img">
                            <img src="https://p0.meituan.net/movie/3212f3bda748ae9fa507106fcb5bb83653596.jpg@128w_170h_1e_1c" alt="">
                            <p class="actor-pn">约翰·塞纳</p>
                        </div>
                        <div class="actor-Img">
                            <img src="https://p0.meituan.net/moviemachine/0ab78b8970c4f3e6e7d6be39db44db75215585.jpg@128w_170h_1e_1c" alt="">
                            <p class="actor-pn">查理兹·塞隆</p>
                        </div>
                        <div class="actor-Img">
                            <img src="https://p0.meituan.net/movie/79ef14565960d0ed9d352ca483edd7bd42454.jpg@128w_170h_1e_1c" alt="">
                            <p class="actor-pn">范·迪塞尔</p>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="messages">
                   <p class="awards">无</p> 
                </div>
                <div role="tabpanel" class="tab-pane" id="settings">
                    <div class="atlas">
                        <img src="https://p0.meituan.net/movie/6c0e1c4af7306e8eefff0eb3867734d6218985.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/f9a12764a31841b512a950e77ec81ab9229404.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/9442537b66411c87000130a48e0cf258245876.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/12990f482cdc66760df13f54d217fb34165711.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/30db98d65fcd0d8e128b0026c577e228862775.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/41d68d6d35aa5fcecd5470adfe59335c665226.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/c0530630719ace2918c650a241421fa61494408.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/25a0576f1b08267a421563d15ff166a953287.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/088f8be065c27a21ca8200301001405b74452.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/34969e4eac6878b3e05bbe955b8e11d336699.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/63d79e37542e531bd7d4a5ee83103743237428.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/515cfb6b6d931aab60268d6bdc8d1b1b304211.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/63937ab19e724b32ea5883320a452cc8145600.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/992c174426cdd6b381f7481522bfce1b131316.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/b45f331880a4e0dca57feb38c3eb15a0411993.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/c0c8a74dcac31f73957ebf18eb2644a91026739.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/b1889df132b6d954d872fe1237af2a12423824.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/edbfd1e2a0b937c64066e5271566e746306344.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/feb0ef3a90f8e9ee8dd9d0886c1d8bb3243705.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/d3ba376e851f17fbfea163f7a5125e16240015.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/ac513eb866fd107acd8d48bb908df3bd164792.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/9767fe135d2d3849b65950341b68c3e3299458.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/bb63664c7edc91b3f9747ae9ce7ac2af285014.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/mmdb/f4cc087406ee52ad4e774231048d926e1939479.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/a143b009b8cf38c346258a238bac3077269068.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/37dd0aa887979c3826f93807611b90f0112133.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/981103c78c5469b25bd332607191abf1130913.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/3be55fc595dab34b0b3a2d33b2d62826307960.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/ad37b25e319257075a026ff114656949245126.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/09a7c7e4d420db52aef18712b12ff92675886.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/4137378dc60ae59d07176dee7afbea9d150553.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/66285ea4dc88f6de18a011c757029816392058.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/1b0d905468326ea8057ebf329878bff8261414.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p1.meituan.net/movie/1a15bbea0ef6e92a735fdda9a661c5142011646.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/1872c131eb0bb07b303594dad5faf30c346894.jpg@106w_106h_1e_1c" alt="">
                        <img src="https://p0.meituan.net/movie/600d8f3945c50a9eb9db582c45fd442062295.jpg@106w_106h_1e_1c" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../bootstrap/js/jquery.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../js/ajax1.js"></script>
<script>
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}
const id = getQueryString("id")
console.log(id)

ajax({
        url: '../php/findGoodInCart.php',
        type: 'post',
        dataType:'json',
        success: function (res) {
            goodLists = res;
            let str = ''
            goodLists.forEach(item => {
                if(item.id==id){
                    str += `<div class="banner-pic">
                        <img src="${item.image}" style="height: 100%;" alt="">
                    </div>
                    <div class="banner-title">
                        <ul>
                            <li>
                                <h1>${item.name}</h1>
                            </li>
                            <li>
                                <h3>F9: The Fast Saga</h3>
                            </li>
                            <li><span>${item.type}</span></li>
                            <li><span>美国 / 142分钟</span></li>
                            <li><span>2021-05-21中国大陆上映</span></li>
                        </ul>
                        <div class="banner-btn">
                            <div class="btnn">
                                <p>❤ 想看</p>
                                <p>⭐ 评分</p>
                            </div>
                            <div class="btn">特惠购票</div>
                        </div>
                        <div class="banner-pingfen">
                            <p>猫眼口碑</p>
                            <p class="banner-pingfen-p">7.6</p>
                            <p class="banner-pingfen-p1">⭐⭐⭐⭐</p>
                        </div>
                    </div>`
                }
            });
            document.querySelector('.banner-xin').innerHTML = str
        }
    })
</script>

</html>